<!--  -->
<template>
  <el-form :inline="true" class="filter-form-inline" label-position="right" label-width="110px" size="small">
    <el-row v-if="datas" :gutter="40" style="margin-left: 0px; margin-right: 0px">

      <el-col :span="8">
        <el-form-item label="产品通用名：">
          {{ datas?.productPopularName }}
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="商品名：" style="width: 100%">
          {{ datas?.productName }}
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="包装规格：">
          <span>{{ datas?.packSpecs }}</span>
        </el-form-item>
      </el-col>

      <el-col :span="8">
        <el-form-item label="生产厂家：">
          <span> {{ datas?.producer }}</span>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="代理地区：">
          <area-list-view :areas="datas?.region" />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="交易价：">
          <span>{{ datas?.tradePrice }}
            <span v-if="datas?.sellUnit">
              元/{{ getLabel('sell_unit', datas?.sellUnit) }}
            </span>
          </span>
        </el-form-item>
      </el-col>

      <el-col :span="8">
        <el-form-item label="可营销终端：">
          <span> {{ getLabel('app_mode', datas?.terminalType) }}</span>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="最低销量：">
          <span v-if="datas?.isIncrease === '1'">
            {{datas?.minSale}} 
            {{getLabel('sell_unit',datas?.sellUnit)}}/年</span>
          <span v-else>
            首年
            {{datas?.minSale}}{{getLabel('sell_unit',datas?.sellUnit)}},每年递增{{datas?.increaseNum}}%</span>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="销量保证金：">
          <span>{{ datas?.minSalePromise }}元</span>
        </el-form-item>
      </el-col>

      <el-col :span="8">
        <el-form-item label="代理期限截至：">
          <span> {{ dateFormat("yyyy-mm-dd", datas?.agentEndTime) }}</span>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="负责营销职员：">
          <span>{{ datas?.headName }}</span>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="其他约定：">
          <span>{{ datas?.remark }}</span>
        </el-form-item>
      </el-col>

      <el-col :span="8">
        <el-form-item label="创建人：">
          <span>{{ datas?.creatorName }}</span>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="创建时间：">
          <span> {{ dateFormat("yyyy-mm-dd HH:MM:SS", datas?.createdAt) }} </span>
        </el-form-item>
      </el-col>

    </el-row>
  </el-form>
</template>

<script>
export default {
  props: {
    datas: {
      type: Object,
      default: {},
    },
  },
};
</script>
<style scoped>
/* @import url(); 引入css类 */
</style>